.appContainer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mainContent {
  flex: 1;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.sidebar {
  width: 250px;
  background-color: #e0e0e0;
  padding: 20px;
  height: calc(100vh - 140px); // 减去 header 和 footer 的高度
  overflow-y: auto;
}

.contentArea {
  flex: 1;
  padding: 20px;
  background-color: #f5f5f5;
  min-height: calc(100vh - 140px); // 减去 header 和 footer 的高度
}

.fullWidth {
  margin-left: 0;
  width: 100%;
  
  // 为页面内容添加一些基本样式
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  
  p {
    margin-bottom: 1rem;
    line-height: 1.6;
  }
  
  ul, ol {
    margin-bottom: 1rem;
  }
}
